DevComp/fxtwitter-docker
1
0
Fork 0
mirror of https://github.com/CompeyDev/fxtwitter-docker.git synced 2025-04-06 19:10:54 +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)...');
}

16
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 api = await statusAPI(status, language, event as FetchEvent, flags);
const tweet = api?.tweet as APITweet; const tweet = api?.tweet as APITweet;
let ivbody = "";
/* Catch this request if it's an API response */ /* Catch this request if it's an API response */
if (flags?.api) { if (flags?.api) {
return { return {
@ -105,6 +107,17 @@ export const handleStatus = async (
headers.push( headers.push(
`<meta http-equiv="refresh" content="0;url=https://twitter.com/${tweet.author.screen_name}/status/${tweet.id}"/>` `<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. */ /* This Tweet has a translation attached to it, so we'll render it. */
@ -351,7 +364,8 @@ export const handleStatus = async (
return { return {
text: Strings.BASE_HTML.format({ text: Strings.BASE_HTML.format({
lang: `lang="${lang}"`, lang: `lang="${lang}"`,
headers: headers.join('') headers: headers.join(''),
body: ivbody
}), }),
cacheControl: cacheControl cacheControl: cacheControl
}; };

8
src/helpers/media.ts
View file

@ -4,8 +4,8 @@ export const processMedia = (media: TweetMedia): APIPhoto | APIVideo | null => {
return { return {
type: 'photo', type: 'photo',
url: media.media_url_https, url: media.media_url_https,
width: media.original_info.width, width: media.original_info?.width,
height: media.original_info.height, height: media.original_info?.height,
altText: media.ext_alt_text || '' altText: media.ext_alt_text || ''
}; };
} else if (media.type === 'video' || media.type === 'animated_gif') { } else if (media.type === 'video' || media.type === 'animated_gif') {
@ -17,8 +17,8 @@ export const processMedia = (media: TweetMedia): APIPhoto | APIVideo | null => {
url: bestVariant?.url || '', url: bestVariant?.url || '',
thumbnail_url: media.media_url_https, thumbnail_url: media.media_url_https,
duration: (media.video_info?.duration_millis || 0) / 1000, duration: (media.video_info?.duration_millis || 0) / 1000,
width: media.original_info.width, width: media.original_info?.width,
height: media.original_info.height, height: media.original_info?.height,
format: bestVariant?.content_type || '', format: bestVariant?.content_type || '',
type: media.type === 'animated_gif' ? 'gif' : 'video' 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. ███ A better way to embed Tweets on Discord, Telegram, and more.
███ Worker build ${RELEASE_NAME} ███ Worker build ${RELEASE_NAME}
--><head>{headers}</head><body></body></html>`, --><head>{headers}</head><body>{body}</body></html>`,
ERROR_HTML: `<!DOCTYPE html> ERROR_HTML: `<!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>