DevComp/fxtwitter-docker
1
0
Fork 0
mirror of https://github.com/CompeyDev/fxtwitter-docker.git synced 2025-04-05 10:30:55 +01:00
Code Issues Projects Releases Packages Wiki Activity

Implement basic instant view

Browse source
This commit is contained in:
dangered wolf 2023-05-29 13:46:33 -04:00
parent 94fb15523f
commit 1b86d4b7c6
No known key found for this signature in database
GPG key ID: 41E4D37680ED8B58
4 changed files with 25 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/embed/iv/status.ts Normal file
View file

@ -0,0 +1,4 @@
function generateStatusIV() {
// TODO: implement
console.log('Generating Instant View (placeholder)...');
}

18
src/embed/status.ts
View file

@ -33,6 +33,8 @@ export const handleStatus = async (
const api = await statusAPI(status, language, event as FetchEvent, flags);
const tweet = api?.tweet as APITweet;
let ivbody = "";
/* Catch this request if it's an API response */
if (flags?.api) {
return {
@ -105,8 +107,19 @@ export const handleStatus = async (
headers.push(
`<meta http-equiv="refresh" content="0;url=https://twitter.com/${tweet.author.screen_name}/status/${tweet.id}"/>`
);
}
} else {
/* Include Instant-View related headers. This is an unfinished project. Thanks to https://nikstar.me/post/instant-view/ for the help! */
headers.push(
`<meta property="al:android:app_name" content="Medium"/>`,
`<meta property="article:published_time" content="2999-04-20T12:00:00.000Z"/>` /* TODO: Replace with real date */
)
ivbody = `<article><h1>${tweet.author.name} (@${tweet.author.screen_name})</h1><p>Instant View (✨ Beta)</p>
<blockquote class="twitter-tweet" data-dnt="true"><p lang="en" dir="ltr"> <a href="${tweet.url}">_</a></blockquote>
</article>
`;
}
/* This Tweet has a translation attached to it, so we'll render it. */
if (tweet.translation) {
const { translation } = tweet;
@ -351,7 +364,8 @@ export const handleStatus = async (
return {
text: Strings.BASE_HTML.format({
lang: `lang="${lang}"`,
headers: headers.join('')
headers: headers.join(''),
body: ivbody
}),
cacheControl: cacheControl
};

8
src/helpers/media.ts
View file

@ -4,8 +4,8 @@ export const processMedia = (media: TweetMedia): APIPhoto | APIVideo | null => {
return {
type: 'photo',
url: media.media_url_https,
width: media.original_info.width,
height: media.original_info.height,
width: media.original_info?.width,
height: media.original_info?.height,
altText: media.ext_alt_text || ''
};
} else if (media.type === 'video' || media.type === 'animated_gif') {
@ -17,8 +17,8 @@ export const processMedia = (media: TweetMedia): APIPhoto | APIVideo | null => {
url: bestVariant?.url || '',
thumbnail_url: media.media_url_https,
duration: (media.video_info?.duration_millis || 0) / 1000,
width: media.original_info.width,
height: media.original_info.height,
width: media.original_info?.width,
height: media.original_info?.height,
format: bestVariant?.content_type || '',
type: media.type === 'animated_gif' ? 'gif' : 'video'
};

2
src/strings.ts
View file

@ -30,7 +30,7 @@ export const Strings = {
███ A better way to embed Tweets on Discord, Telegram, and more.
███ Worker build ${RELEASE_NAME}
--><head>{headers}</head><body></body></html>`,
--><head>{headers}</head><body>{body}</body></html>`,
ERROR_HTML: `<!DOCTYPE html>
<html lang="en">
<head>