666 lines
17 KiB
JavaScript
666 lines
17 KiB
JavaScript
//トゥートの詳細
|
|
function details(id, acct_id, tlid, mode) {
|
|
if (mode == 'dm') {
|
|
$('.dm-hide').hide()
|
|
} else {
|
|
$('.dm-hide').show()
|
|
}
|
|
$('.toot-reset').html('<span class="no-data">' + lang.lang_details_nodata + '</span>')
|
|
var html = $('#timeline_' + tlid + ' [toot-id=' + id + ']').html()
|
|
$('#toot-this').html(html)
|
|
$('#tootmodal').modal('open')
|
|
var domain = localStorage.getItem('domain_' + acct_id)
|
|
var at = localStorage.getItem('acct_' + acct_id + '_at')
|
|
if (localStorage.getItem('mode_' + domain) == 'misskey') {
|
|
var start = 'https://' + domain + '/api/notes/show'
|
|
var i = {
|
|
method: 'POST',
|
|
headers: {
|
|
'content-type': 'application/json'
|
|
},
|
|
body: JSON.stringify({
|
|
i: at,
|
|
noteId: id
|
|
})
|
|
}
|
|
} else {
|
|
var start = 'https://' + domain + '/api/v1/statuses/' + id
|
|
var i = {
|
|
method: 'GET',
|
|
headers: {
|
|
'content-type': 'application/json',
|
|
Authorization: 'Bearer ' + at
|
|
}
|
|
}
|
|
}
|
|
|
|
fetch(start, i)
|
|
.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) {
|
|
console.log(['Toot data:', json])
|
|
if (!$('#timeline_' + tlid + ' #pub_' + id).length) {
|
|
var html = parse([json], '', acct_id)
|
|
$('#toot-this').html(html)
|
|
jQuery('time.timeago').timeago()
|
|
}
|
|
if (localStorage.getItem('mode_' + domain) == 'misskey') {
|
|
var url = 'https://' + domain + '/notes/' + json.id
|
|
var scn = json.user.username
|
|
if (!json.user.host) {
|
|
var local = true
|
|
} else {
|
|
var local = false
|
|
scn = scn + '@' + host
|
|
}
|
|
var rep = ''
|
|
var uid = json.user.id
|
|
if (json._replyIds) {
|
|
replyTL(json._replyIds[0], acct_id)
|
|
}
|
|
} else {
|
|
var url = json.url
|
|
if (json.account.acct == json.account.username) {
|
|
var local = true
|
|
} else {
|
|
var local = false
|
|
}
|
|
var scn = json.account.acct
|
|
var uid = json.account.id
|
|
if (json['in_reply_to_id']) {
|
|
replyTL(json['in_reply_to_id'], acct_id)
|
|
}
|
|
}
|
|
$('#toot-this .fav_ct').text(json.favourites_count)
|
|
$('#toot-this .rt_ct').text(json.reblogs_count)
|
|
$('#tootmodal').attr('data-url', url)
|
|
$('#tootmodal').attr('data-id', json.id)
|
|
$('#tootmodal').attr('data-acct', acct_id)
|
|
if (local) {
|
|
$('#tootmodal').attr('data-user', scn + '@' + domain)
|
|
} else {
|
|
$('#tootmodal').attr('data-user', scn)
|
|
}
|
|
getContext(id, acct_id)
|
|
var dom = null
|
|
if (!local) {
|
|
dom = scn.replace(/.+@/g, '')
|
|
} else {
|
|
dom = domain
|
|
}
|
|
beforeToot(id, acct_id, dom)
|
|
userToot(id, acct_id, uid)
|
|
afterToot(id, acct_id, dom)
|
|
afterUserToot(id, acct_id, uid)
|
|
afterFTLToot(id, acct_id, dom)
|
|
faved(id, acct_id)
|
|
rted(id, acct_id)
|
|
if ($('#toot-this div').hasClass('cvo')) {
|
|
$('#toot-this').removeClass('cvo')
|
|
} else {
|
|
if (!$('#toot-this .cvo').hasClass('cvo')) {
|
|
$('#toot-this').addClass('cvo')
|
|
}
|
|
}
|
|
if (!$('#activator').hasClass('active')) {
|
|
$('#det-col').collapsible('open', 4)
|
|
}
|
|
})
|
|
}
|
|
|
|
//返信タイムライン
|
|
function replyTL(id, acct_id) {
|
|
var domain = localStorage.getItem('domain_' + acct_id)
|
|
var at = localStorage.getItem('acct_' + acct_id + '_at')
|
|
if (localStorage.getItem('mode_' + domain) == 'misskey') {
|
|
var start = 'https://' + domain + '/api/notes/show'
|
|
var i = {
|
|
method: 'POST',
|
|
headers: {
|
|
'content-type': 'application/json'
|
|
},
|
|
body: JSON.stringify({
|
|
i: at,
|
|
noteId: id
|
|
})
|
|
}
|
|
} else {
|
|
return false
|
|
}
|
|
fetch(start, i)
|
|
.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) {
|
|
var mute = getFilterTypeByAcct(acct_id, 'thread')
|
|
if (localStorage.getItem('mode_' + domain) == 'misskey') {
|
|
var templete = misskeyParse([json], '', acct_id, '', '', mute)
|
|
$('#toot-after').prepend(templete)
|
|
$('#toot-after .hide').html(lang.lang_details_filtered)
|
|
$('#toot-after .by_filter').css('display', 'block')
|
|
$('#toot-after .by_filter').removeClass('hide')
|
|
var rep = '_replyIds'
|
|
if (json[rep]) {
|
|
replyTL(json[rep][0], acct_id)
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
//コンテクストってなんですか
|
|
function getContext(id, acct_id) {
|
|
var domain = localStorage.getItem('domain_' + acct_id)
|
|
var at = localStorage.getItem('acct_' + acct_id + '_at')
|
|
if (localStorage.getItem('mode_' + domain) == 'misskey') {
|
|
var start = 'https://' + domain + '/api/notes/conversation'
|
|
var i = {
|
|
method: 'POST',
|
|
headers: {
|
|
'content-type': 'application/json'
|
|
},
|
|
body: JSON.stringify({
|
|
i: at,
|
|
noteId: id
|
|
})
|
|
}
|
|
} else {
|
|
var start = 'https://' + domain + '/api/v1/statuses/' + id + '/context'
|
|
var i = {
|
|
method: 'GET',
|
|
headers: {
|
|
'content-type': 'application/json',
|
|
Authorization: 'Bearer ' + at
|
|
}
|
|
}
|
|
}
|
|
fetch(start, i)
|
|
.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 (localStorage.getItem('mode_' + domain) == 'misskey') {
|
|
json.reverse()
|
|
var templete = misskeyParse(json, '', acct_id, '', '', [])
|
|
$('#toot-reply').html(templete)
|
|
$('#toot-reply .hide').html(lang.lang_details_filtered)
|
|
$('#toot-reply .by_filter').css('display', 'block')
|
|
$('#toot-reply .by_filter').removeClass('hide')
|
|
jQuery('time.timeago').timeago()
|
|
} else {
|
|
var mute = getFilterTypeByAcct(acct_id, 'thread')
|
|
var templete = parse(json.descendants, '', acct_id, '', '', mute)
|
|
if (templete != '') {
|
|
$('#toot-after .no-data').hide()
|
|
}
|
|
$('#toot-after').html(templete)
|
|
$('#toot-after .hide').html(lang.lang_details_filtered)
|
|
$('#toot-after .by_filter').css('display', 'block')
|
|
$('#toot-after .by_filter').removeClass('hide')
|
|
var templete = parse(json.ancestors, '', acct_id, '', '', mute)
|
|
if (templete != '') {
|
|
$('#toot-reply .no-data').hide()
|
|
}
|
|
$('#toot-reply').prepend(templete)
|
|
$('#toot-reply .hide').html(lang.lang_details_filtered)
|
|
$('#toot-reply .by_filter').css('display', 'block')
|
|
$('#toot-reply .by_filter').removeClass('hide')
|
|
jQuery('time.timeago').timeago()
|
|
}
|
|
})
|
|
}
|
|
|
|
//前のトゥート(Back TL)
|
|
function beforeToot(id, acct_id, domain) {
|
|
//var domain = localStorage.getItem("domain_" + acct_id);
|
|
var at = localStorage.getItem('acct_' + acct_id + '_at')
|
|
if (localStorage.getItem('mode_' + domain) == 'misskey') {
|
|
var start = 'https://' + domain + '/api/notes/local-timeline'
|
|
fetch(start, {
|
|
method: 'POST',
|
|
headers: {
|
|
'content-type': 'application/json'
|
|
},
|
|
body: JSON.stringify({
|
|
i: at,
|
|
untilID: id
|
|
})
|
|
})
|
|
.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) {
|
|
var templete = misskeyParse(json, 'noauth', acct_id)
|
|
$('#toot-before').html(templete)
|
|
jQuery('time.timeago').timeago()
|
|
})
|
|
} else {
|
|
var start = 'https://' + domain + '/api/v1/timelines/public?local=true&max_id=' + id
|
|
fetch(start, {
|
|
method: 'GET',
|
|
headers: {
|
|
'content-type': 'application/json'
|
|
}
|
|
})
|
|
.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) {
|
|
var templete = parse(json, 'noauth', acct_id)
|
|
if (templete != '') {
|
|
$('#toot-before .no-data').hide()
|
|
}
|
|
$('#toot-before').html(templete)
|
|
jQuery('time.timeago').timeago()
|
|
})
|
|
}
|
|
}
|
|
//前のユーザーのトゥート
|
|
function userToot(id, acct_id, user) {
|
|
var domain = localStorage.getItem('domain_' + acct_id)
|
|
var at = localStorage.getItem('acct_' + acct_id + '_at')
|
|
if (localStorage.getItem('mode_' + domain) == 'misskey') {
|
|
var start = 'https://' + domain + '/api/users/notes'
|
|
fetch(start, {
|
|
method: 'POST',
|
|
headers: {
|
|
'content-type': 'application/json'
|
|
},
|
|
body: JSON.stringify({
|
|
i: at,
|
|
untilID: id,
|
|
userId: user
|
|
})
|
|
})
|
|
.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) {
|
|
var templete = misskeyParse(json, 'noauth', acct_id)
|
|
$('#user-before').html(templete)
|
|
jQuery('time.timeago').timeago()
|
|
})
|
|
} else {
|
|
var start = 'https://' + domain + '/api/v1/accounts/' + user + '/statuses?max_id=' + id
|
|
fetch(start, {
|
|
method: 'GET',
|
|
headers: {
|
|
'content-type': 'application/json',
|
|
Authorization: 'Bearer ' + at
|
|
}
|
|
})
|
|
.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) {
|
|
var templete = parse(json, '', acct_id)
|
|
if (templete != '') {
|
|
$('#user-before .no-data').hide()
|
|
}
|
|
$('#user-before').html(templete)
|
|
jQuery('time.timeago').timeago()
|
|
})
|
|
}
|
|
}
|
|
//後のLTL
|
|
function afterToot(id, acct_id, domain) {
|
|
//var domain = localStorage.getItem("domain_" + acct_id);
|
|
var at = localStorage.getItem('acct_' + acct_id + '_at')
|
|
var start = 'https://' + domain + '/api/v1/timelines/public?local=true&min_id=' + id
|
|
fetch(start, {
|
|
method: 'GET',
|
|
headers: {
|
|
'content-type': 'application/json'
|
|
}
|
|
})
|
|
.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) {
|
|
var templete = parse(json, 'noauth', acct_id)
|
|
if (templete != '') {
|
|
$('#ltl-after .no-data').hide()
|
|
}
|
|
$('#ltl-after').html(templete)
|
|
jQuery('time.timeago').timeago()
|
|
})
|
|
}
|
|
//後のUTL
|
|
function afterUserToot(id, acct_id, user) {
|
|
var domain = localStorage.getItem('domain_' + acct_id)
|
|
var at = localStorage.getItem('acct_' + acct_id + '_at')
|
|
var start = 'https://' + domain + '/api/v1/accounts/' + user + '/statuses?min_id=' + id
|
|
fetch(start, {
|
|
method: 'GET',
|
|
headers: {
|
|
'content-type': 'application/json',
|
|
Authorization: 'Bearer ' + at
|
|
}
|
|
})
|
|
.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) {
|
|
var templete = parse(json, '', acct_id)
|
|
if (templete != '') {
|
|
$('#user-after .no-data').hide()
|
|
}
|
|
$('#user-after').html(templete)
|
|
jQuery('time.timeago').timeago()
|
|
})
|
|
}
|
|
//後のFTL
|
|
function afterFTLToot(id, acct_id, domain) {
|
|
//var domain = localStorage.getItem("domain_" + acct_id);
|
|
var at = localStorage.getItem('acct_' + acct_id + '_at')
|
|
var start = 'https://' + domain + '/api/v1/timelines/public?min_id=' + id
|
|
fetch(start, {
|
|
method: 'GET',
|
|
headers: {
|
|
'content-type': 'application/json'
|
|
}
|
|
})
|
|
.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) {
|
|
var templete = parse(json, 'noauth', acct_id)
|
|
if (templete != '') {
|
|
$('#ftl-after .no-data').hide()
|
|
}
|
|
$('#ftl-after').html(templete)
|
|
jQuery('time.timeago').timeago()
|
|
})
|
|
}
|
|
|
|
//ふぁぼ一覧
|
|
function faved(id, acct_id) {
|
|
var domain = localStorage.getItem('domain_' + acct_id)
|
|
if (localStorage.getItem('mode_' + domain) == 'misskey') {
|
|
return false
|
|
}
|
|
var at = localStorage.getItem('acct_' + acct_id + '_at')
|
|
var start = 'https://' + domain + '/api/v1/statuses/' + id + '/favourited_by'
|
|
fetch(start, {
|
|
method: 'GET',
|
|
headers: {
|
|
'content-type': 'application/json',
|
|
Authorization: 'Bearer ' + at
|
|
}
|
|
})
|
|
.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) {
|
|
var templete = userparse(json, '', acct_id)
|
|
if (templete != '') {
|
|
$('#toot-fav .no-data').hide()
|
|
}
|
|
$('#toot-fav').html(templete)
|
|
jQuery('time.timeago').timeago()
|
|
})
|
|
}
|
|
|
|
//ブースト一覧
|
|
function rted(id, acct_id) {
|
|
var domain = localStorage.getItem('domain_' + acct_id)
|
|
if (localStorage.getItem('mode_' + domain) == 'misskey') {
|
|
return false
|
|
}
|
|
var at = localStorage.getItem('acct_' + acct_id + '_at')
|
|
var start = 'https://' + domain + '/api/v1/statuses/' + id + '/reblogged_by'
|
|
fetch(start, {
|
|
method: 'GET',
|
|
headers: {
|
|
'content-type': 'application/json',
|
|
Authorization: 'Bearer ' + at
|
|
}
|
|
})
|
|
.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) {
|
|
var templete = userparse(json, '', acct_id)
|
|
$('#toot-rt').html(templete)
|
|
jQuery('time.timeago').timeago()
|
|
})
|
|
}
|
|
//URL等のコピー
|
|
function cbCopy(mode) {
|
|
var url = $('#tootmodal').attr('data-url')
|
|
var urls = url.match(/https?:\/\/([-.a-zA-Z0-9]+)/)
|
|
var domain = urls[1]
|
|
if (mode == 'emb') {
|
|
var emb =
|
|
`<iframe src="${url}/embed" class="mastodon-embed" style="max-width: 100%; border: 0" width="400"></iframe>
|
|
<script src="https://${domain}/embed.js" async="async"></script>`
|
|
execCopy(emb)
|
|
M.toast({ html: lang.lang_details_embed, displayLength: 1500 })
|
|
} else {
|
|
if (execCopy(url)) {
|
|
M.toast({ html: lang.lang_details_url, displayLength: 1500 })
|
|
}
|
|
}
|
|
}
|
|
//本文のコピー
|
|
function staCopy(id) {
|
|
var html = $('[toot-id=' + id + '] .toot').html()
|
|
html = html.replace(/^<p>(.+)<\/p>$/, '$1')
|
|
html = html.replace(/<br\s?\/?>/, '\n')
|
|
html = html.replace(/<p>/, '\n')
|
|
html = html.replace(/<\/p>/, '\n')
|
|
console.log('Copy it:\n' + html)
|
|
html = html.replace(/<img[\s\S]*alt="(.+?)"[\s\S]*?>/g, '$1')
|
|
html = $.strip_tags(html)
|
|
if (execCopy(html)) {
|
|
M.toast({ html: lang.lang_details_txt, displayLength: 1500 })
|
|
}
|
|
}
|
|
//翻訳
|
|
function trans(tar, to) {
|
|
var html = $('#toot-this .toot').html()
|
|
if (html.match(/^<p>(.+)<\/p>$/)) {
|
|
html = html.match(/^<p>(.+)<\/p>$/)[1]
|
|
}
|
|
html = html.replace(/<br\s?\/?>/g, '\n')
|
|
html = html.replace(/<p>/g, '\n')
|
|
html = html.replace(/<\/p>/g, '\n')
|
|
html = $.strip_tags(html)
|
|
if (~tar.indexOf('zh')) {
|
|
tar = 'zh'
|
|
}
|
|
$('#toot-this .additional').text('Loading...(Powered by Google Translate)')
|
|
var exec =
|
|
'https://script.google.com/macros/s/AKfycbxhwW5tjjop9Irg-y1zr_WsXlCKEzwWG6KuoOt_vVRDfEbRv0c/exec?format=json&text=' +
|
|
encodeURIComponent(html) +
|
|
'&source=' +
|
|
tar +
|
|
'&target=' +
|
|
to
|
|
console.log('Try to translate from ' + tar + ' to ' + to + ' at ' + exec)
|
|
fetch(exec, {
|
|
method: 'GET'
|
|
})
|
|
.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(text) {
|
|
$('#toot-this .additional').html('<span class="gray translate">' + text.text + '</span>')
|
|
})
|
|
}
|
|
//ブラウザで開く
|
|
function brws() {
|
|
var url = $('#tootmodal').attr('data-url')
|
|
postMessage(['openUrl', url], '*')
|
|
}
|
|
//外部からトゥート開く
|
|
function detEx(url, acct_id) {
|
|
if (acct_id == 'main') {
|
|
acct_id = localStorage.getItem('main')
|
|
}
|
|
var domain = localStorage.getItem('domain_' + acct_id)
|
|
var at = localStorage.getItem('acct_' + acct_id + '_at')
|
|
var start = 'https://' + domain + '/api/v2/search?resolve=true&q=' + url
|
|
fetch(start, {
|
|
method: 'GET',
|
|
headers: {
|
|
'content-type': 'application/json',
|
|
Authorization: 'Bearer ' + at
|
|
}
|
|
})
|
|
.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.statuses) {
|
|
postMessage(['openUrl', url], '*')
|
|
} else {
|
|
var id = json.statuses[0].id
|
|
$('.loadp').text($('.loadp').attr('href'))
|
|
$('.loadp').removeClass('loadp')
|
|
details(id, acct_id, 0)
|
|
}
|
|
})
|
|
return
|
|
}
|